<!DOCTYPE html>
<!-- saved from url=(0036)http://sinooceanlas.com/cate/10.html -->
<html lang="en" style="font-size: 40px;">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



	<title>发布资金需求</title>
	<meta name="keywords" content="河北省企业投资理财协会">
	<meta name="description" content="河北省企业投资理财协会">

	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

	<meta name="format-detection" content="telephone=no">

	<meta name="apple-mobile-web-app-capable" content="yes">

	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<meta name="referrer" content="never">

	<link rel="stylesheet" href="./comment/layui.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:320px) and (max-width:760px)"
		href="./comment/phone.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:760px) and (max-width:3600px)"
		href="./comment/pc.css">

	<link rel="stylesheet" type="text/css" href="./comment/reset.css">

	<link rel="stylesheet" type="text/css" href="./comment/animate.css">

	<link rel="stylesheet" type="text/css" href="./comment/swiper.min.css">

	<script type="text/javascript" src="./comment/rem.js"></script>


	<link rel="stylesheet" href="./comment/layer.css" id="layuicss-layer">
	

</head>

<body style="font-size: 12px;">

	<div id="app">
		<my-header></my-header>
		<div class="gg_ban">
			<img src="./img/bcg_top_5.JPG">
			<div class="wow zoomIn" style="visibility: visible; animation-name: zoomIn;">
			</div>
		</div>

		<div class="com_one">
			<div class="wow bounceInDown com_one_t" style="visibility: visible; animation-name: bounceInDown;">
				<p>发布资金需求</p>
				<p>Publish capital requirements</p>
				<span></span>
			</div>
			<div class="com_one_b">
				<div class="wow bounceInLeft com_one_b_l" style="visibility: visible; animation-name: bounceInLeft;">
					<form class="info_tj">
						<div class="com_one_b_l_li">
							<p><span>*</span>缘由</p>
							<div>
								<input v-model="form.reason" type="text" name="tel" placeholder="请输入缘由">
							</div>
						</div>
						<div class="com_one_b_l_li">
							<p><span>*</span>金额</p>
							<span class="code-span" style="display: flex; border: none;align-items: center;">
								<div>
									<input v-model="form.amount" type="text" name="tel" placeholder="请输入需求金额">

								</div>
								<span style="width: 50px;text-align: center;">元</span>
								<!-- <span @click="" style="width: 100px;top: 0;" class="code-bt tj_btn">验证码</span> -->
							</span>
						</div>
						<div class="com_one_b_l_li">
							<p><span>*</span>能够承受的利息范围（起）</p>
							<span class="code-span" style="display: flex; border: none;align-items: center;">
								<div>
									<input v-model="form.interest_start" type="text" name="tel" placeholder="请输入能够承受的利息范围（起）">

								</div>
								<span style="width: 50px;text-align: center;">%</span>
								<!-- <span @click="" style="width: 100px;top: 0;" class="code-bt tj_btn">验证码</span> -->
							</span>
						</div>
						<div class="com_one_b_l_li">
							<p><span>*</span>能够承受的利息范围（止）</p>
							<span class="code-span" style="display: flex; border: none;align-items: center;">
								<div>
									<input v-model="form.interest_end" type="text" name="tel" placeholder="请输入能够承受的利息范围（止）">

								</div>
								<span style="width: 50px;text-align: center;">%</span>
								<!-- <span @click="" style="width: 100px;top: 0;" class="code-bt tj_btn">验证码</span> -->
							</span>
						</div>
						<div class="com_one_b_l_li">
							<p><span>*</span>使用期限</p>
							<span class="code-span" style="display: flex; border: none;align-items: center;">
								<div>
									<input v-model="form.term" type="text" name="tel" placeholder="请输入使用期限">
								</div>
								<span style="width: 50px;text-align: center;">月</span>
								<!-- <span @click="" style="width: 100px;top: 0;" class="code-bt tj_btn">验证码</span> -->
							</span>
						</div>
						
						<div class="com_one_b_l_li com_one_b_l_li_text">
							<span style="font-family:宋体;color: #000;font-size: 13px;">
								<strong>提交成功后，需要后台管理审核，有问题请联系我们：{{comanyInfo.mobile}}</strong>
							</span>
						</div>

						<div @click="submit" class="com_one_b_l_f tj_btn">提交</div>
					</form>
				</div>
			</div>
		</div>
		<my-footer></my-footer>
	</div>
	<script type="text/javascript" src="./comment/jquery-2.1.4.min.js"></script>
	<script src="./js/vue.js"></script>
	<script src="js/comment.js"></script>
	<script type="text/javascript" src="./comment/layer.js"></script>
	<script>
		var app = new Vue({
			el: '#app',
			data: {
				comanyInfo:{},
				form:{
					reason:'',
					interest_start:'',
					interest_end:'',
					amount:'',
					term:'',
				},
				userinfo:''
			},
			mounted () {
				let userinfoStr = localStorage.getItem('userinfo')
				this.userinfo = JSON.parse(userinfoStr)
				if(userinfoStr=='undefined'||userinfoStr==null) { window.location.href = './login.html'}
				document.getElementById('zijinfuwu').classList.add('gg_nav_r_r_ac')
				this.getCompanyInfo()
			},
			methods: {
				getCompanyInfo(){
					var that = this
					$.ajax({
						type: 'get',
						url: gloabApi + "/Companyinfo/getInfo",
						data: {},
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								that.comanyInfo = res.data
							} else {
								layer.msg(res.msg);
							}
						},
					})
				},
				
				landChange(e){
					this.form.reason = e.target.value
				},
				submit(){
					if(this.form.reason===''){
						layer.msg('请输入缘由');
						return
					}else if(this.form.describe===''){
						layer.msg('请输入资产描述');
						return
					}else if(this.form.interest_start===''){
						layer.msg('请输入能够承受的利息范围（起）');
						return
					}else if(this.form.interest_end===''){
						layer.msg('请输入能够承受的利息范围（止）');
						return
					}else if(this.form.term===''){
						layer.msg('请输入使用期限（月');
						return
					}
					var indexlayer = layer.load(2);
					let that = this
					$.ajax({
						type: 'post',
						url: gloabApi + "/Fundrequire/submit",
						data: that.form,
						dataType: 'json',
						headers:{token:that.userinfo.token},
						success: function (res) {
							layer.msg(res.msg);
							if (res.code == 1) {
								setTimeout(function () {
									window.location.href='./requirementListZj.html';
								}, 1000);
							} 
							layer.close(indexlayer);
						},
						error:function(res){
							layer.close(indexlayer);
							layer.msg(res.responseJSON.msg);
						}
					})
				},
			}

		})
	</script>
	<script src="./js/login.js"></script>
	<script type="text/javascript" src="./comment/index.js"></script>
	<script type="text/javascript" src="./comment/wow.min.js"></script>
</body>

</html>
<style>
	@media (min-width: 760px) and (max-width: 1579px) {
        .com_one_b_l_li p {
            width: 192px;
            line-height: 44px;
            font-size: 15px;
        }
    }
    @media (min-width: 760px) and (max-width: 1579px) {
        .com_one_b_l {
            width: 881px;
        }
    }
</style>